import HomePage from './pages/HomePage';
import MatchingGame from './pages/MatchingGame';
import SpellingGame from './pages/SpellingGame';
import QuizGame from './pages/QuizGame';
import VocabularyList from './pages/VocabularyList';
import AchievementPage from './pages/AchievementPage';
import type { ReactNode } from 'react';

interface RouteConfig {
  name: string;
  path: string;
  element: ReactNode;
  visible?: boolean;
}

const routes: RouteConfig[] = [
  {
    name: 'Home',
    path: '/',
    element: <HomePage />
  },
  {
    name: 'Matching Game',
    path: '/matching',
    element: <MatchingGame />
  },
  {
    name: 'Spelling Game',
    path: '/spelling',
    element: <SpellingGame />
  },
  {
    name: 'Quiz Game',
    path: '/quiz',
    element: <QuizGame />
  },
  {
    name: 'Vocabulary List',
    path: '/vocabulary',
    element: <VocabularyList />
  },
  {
    name: 'Achievement System',
    path: '/achievements',
    element: <AchievementPage />
  }
];

export default routes;